<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <title>ECharts</title>
    <!-- 引入刚刚下载的 ECharts 文件 -->
    <script th:src="@{/js/echarts.min.js}"></script>
<!--    <script src="../../../static/js/echarts.min.js"></script>-->
    <script src="/static/js/jquery-1.11.3.min.js" th:src="@{/js/jquery-1.11.3.min.js}"></script>

</head>
<body>
<!-- 为 ECharts 准备一个定义了宽高的 DOM -->
<div id="main" style="width: 800px;height:600px;"></div>
<script type="text/javascript">





        var myChart = echarts.init(document.getElementById('main'));



// 显示标题，图例和空的坐标轴
        myChart.setOption({
            title: {
                text: '每日销售额统计'
            },
            tooltip: {},
            legend: {
                data: ['销售额']
            },
            xAxis: {
                data: []
            },
            yAxis: {},
            series: [
                {
                    name: '销售额',
                    type: 'bar',
                    data: []
                }
            ]
        });

// 异步加载数据
        $.get('/statistics/totalPrice/').done(function(res) {
            // 填入数据
            let data=res.data;
            console.log(data)

            var array1=new Array();
            var array2=new Array();
            var paytime="paytime";
            for(let x=0;x<data.length;x++){
                if (paytime!=data[x].payTime.split('T')[0])
                {
                    array1.push(data[x].payTime.split('T')[0]);

                    array2.push(data[x].totalPrice);
                }
                else{
                    array2.push(data[x].totalPrice+ array2.pop())
                }
                paytime=data[x].payTime.split('T')[0];


            }



                myChart.setOption({
                    xAxis: {

                        data: array1
                    },
                    series: [
                        {
                            // 根据名字对应到相应的系列
                            name: '销售额',
                            data: array2
                        }
                    ],

                });

        });

    // 基于准备好的dom，初始化echarts实例

</script>
</body>
</html>